<!-- 商品界面 -->
<template>
    <div class="goods">
        <div class="test">
          <span class="icon"></span><span class="goods_name">这是一段文字,测试垂直居中</span>
        </div>
    </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

 
};
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
@import '../../common/stylus/mixin.styl'

  .goods
    .icon
      display inline-block
      width 30px
      height 18px
      vertical-align top
      background-size 30px 18px
      background-repeat no-repeat
    .goods_name
      margin-left 4px
      font-size 18px
      font-weight bold
      line-height 18px
      



</style>